<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="<%=basePath%>">

		<title>管理导航区域</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link rel="stylesheet" href="css/common.css" type="text/css" />
		<link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css"
			type="text/css" />
		<style>
.my-dialog .ui-dialog-titlebar-close {
	display: none;
}
</style>
		<script src="<%=basePath%>js/jquery-1.5.js" language="javascript">
		</script>
		<script src="<%=basePath%>js/table.js" language="javascript">
		</script>
		<script src="<%=basePath%>js/pageInfo.js" type="text/javascript">
		</script>
		<script src="<%=basePath%>js/jquery-ui-1.8.5.custom.min.js"
			language="javascript">
		</script>
		<script src="<%=basePath%>js/ajaxfileupload.js" language="javascript">
		</script>
		<script>
$(function() {

	$("#singleImport").attr("checked", true);
	//加载学院下拉列表
	loadColleges();
	//初始化专业下拉列表
	loadProfession($("#collegesList").val())
	$("#collegesList").change(function() {
		loadProfession($("#collegesList").val())
		$("#professionsList").trigger("change")
		if ($("#collegesList").val() == '') {//选择了珠海校区全部学院
				$("#dormType").val('true')
			} else {
				$("#dormType").val('false')
			}
			$("#dormType").trigger("change")
		})
	//初始化班级列表
	loadClasses($("#professionsList").val())
	$("#professionsList").change(function() {
		loadClasses($("#professionsList").val())
	})
	$("select").each(function() {//全部默认选择第一项
				$(this).children().first().attr("selected", "selected")
			})
	$("#dormType").change(function() {
		//alert($("#dormType").val()=='true')
			if ($("#dormType").val() == 'true') {//备用宿舍将不能选择专业和班级

				$("#professionsList").attr("disabled", true);
				$("#classesList").attr("disabled", true);

			} else {

				$("#professionsList").attr("disabled", false);
				$("#classesList").attr("disabled", false);
			}
		})

})
//加载学院下拉列表
function loadColleges() {
	var colleges
=<s:property value="colleges" escape="false"/>
			$("select#collegesList option").remove();
			for(c in colleges){
				$("#collegesList").append("<option value='"+c+"'>"+colleges[c]+"</option>")
			}
		}
		function loadProfession(collegeId){
			$("select#professionsList option").remove();
			var professionMap=<s:property value="professions" escape="false"/>
			var professions=professionMap[collegeId];
			for(var p in professions){
				$("#professionsList").append("<option value='"+p+"'>"+professions[p]+"</option>")
			}
			//$("#professionsList").append("<option value=''>所有专业</option>")
		}
		function loadClasses(professionId){
			var classes=<s:property value="classes" escape="false"/>
			$("#classesList option").remove();
			for(var i=1;i<=classes[professionId];i++){
				$("#classesList").append("<option value='"+i+"'>"+i+"</option>")
			}
		}
		function validateRestNumberInput(textBox)
		{
			$(textBox).val($(textBox).val().replace(/[^0-9]/g,""))//限制只能输入数字
		}
		//增加宿舍
		function addDorm(){
			var dormNumber=$("#dormNumberInput").val();//宿舍号
			var bedRestNumber=$("#bedRestNumber").val();//床位数
			var professionId=$("#professionsList").val();
			var collegeId=$("#collegesList").val();
			var sex=$("#sex").val();//性别
			var clazz=$("#classesList").val();//班级
			var dormType=$("#dormType").val();//宿舍类型
			var single=$("#singleImport").attr("checked");//导入条件记录
			
			if(single){//插入单条记录
			var p = /^.+#\d{3,4}$/;//考虑到老师公寓宿舍号有字母和广州学院宿舍位置有中文的情况
			if (!p.test(dormNumber)) {
				alert("宿舍格式不正确，正确格式为：栋数#宿舍号 (广州校区为：位置#宿舍号) ，宿舍号至少由三位数字组成")
				return;
			}else if(bedRestNumber==''){
				alert("入住人数不能为空");
				return;
			}
				var param={};
				param.date=new Date();
				param.dormNumber=dormNumber;
				param.sex=sex;
				
				param.bedRestNumber=bedRestNumber;
				if(eval(dormType)){//备用宿舍
					professionId='';//备用宿舍无专业之分
					clazz=''
				}
				if(professionId!=''){
					param.professionId=professionId;
				}else{
					clazz='';
				}
				if(collegeId!=''){
					param.collegeId=collegeId;
				}else{
					professionId='';//备用宿舍无专业之分
					clazz=''
				}
				if(clazz!=''){
					param.clazz=clazz;
				}
				$.post("json/addSingleDormAction",param,function(data){
					if(data.result=='')
						alert("宿舍号已存在！")
					else{
						alert("增加成功！")
						showAddDorm(data.result)
						updateResultIndex()
					}
				})
			
			}else{
				//批量导入宿舍
				
				var file=$("#upload").attr("value");
				if(file==null || file==""){
					alert("请先选择上传的文件!");
					return;
				}
				var excel=file.substring(file.lastIndexOf(".")); 
				if(excel!=".xls" && excel!=".xlt"){
					alert("请上传'.xls格式的Excel文件!'");
					return;
				}
				
				$("#importErrorDiv").hide(); 
				$("#checkingImage").hide();//显示对与错的图片
				$("#checkingProgress").show();//显示处理进度条
				$("#importMessage").html("")
				//显示处理窗口
				$("#doLotImportDiv").show();
				$("#doLotImportDiv").dialog({
					modal: true,
					width:500,
					height:400,
					dialogClass: "my-dialog",
					buttons:{
						'完成':function(){
							$("#doLotImportDiv").dialog("close")
						}}
				})
				dlBtnEnable(false);
				//批量导入宿舍
				 $.ajaxFileUpload({
                        url:'json/adminUploadExcel.action?flag=2', //你处理上传文件的服务端
                        secureuri:false,
                        fileElementId:'upload',
                        dataType: 'json',
                        success: function (data, status) {
					 		error=eval("("+data.error+")");
					 		if(error.length<=0){
					 			//没有错误
					 			$("#checkingImage").show();
					 			$("#checkingProgress").hide();
					 			$("#checkingImage").attr("src","images/right.png")
					 			$("#importMessage").html("<font size='+3' color='red'>导入成功</font>")
					 			var dorms=eval("("+data.result+")");
					 			for(var i=0;i<dorms.length;i++){
					 				showAddDorm(dorms[i])
					 			}
					 			updateResultIndex()
					 		}else{
					 			
					 			 var table=$("#importErrorTable")
					 			 $("#importMessage").html("<font size='+3' color='red'>导入失败！</font>")
					 			 $("table#importErrorTable tr:gt(0)").remove();
                           		 for(var i=0;i<error.length;i++){	 
                                  	var tr='<tr><td align="center">'+(i+1)+'</td><td align="left" ><font color="red">'+error[i]+'</font></td></tr>';
                           		 	table.append($(tr));
                           		 }
                           		 	$("table#importErrorTable tr:gt(0):even").css('background','#deefff'); 
									$("table#importErrorTable tr:gt(0):odd").css('background','#fff');
									$("#checkingImage").attr("src","images/error.png")
									$("#checkingImage").show();
									$("#checkingProgress").hide();
									$("#importErrorDiv").show();
									
					 		}
					 		dlBtnEnable(true);
                                                       
                            
                        },
						error: function (data, status, e)
						{
							alert("上传失败！");
							$("#doLotImportDiv").dialog("close");
							dlBtnEnable(true);
						}
                   })
				
			}
		
		}
		//显示增加完的宿舍

		function showAddDorm(dorm){
			
			$("#dormList").show();
			if(typeof dorm !='object')
				dorm=eval("("+dorm+")")
				
			//alert(dorm.dromId)
			var clazz=dorm.clazz+'班'
			if(dorm.clazz==0){
				clazz="所有班级"
			}
			
			var tr=	'<tr ><td align="center" name="addRecodeIndex"></td><td align="center">'+dorm.dormNumber+'</td><td align="center">'+dorm.bedRest+' 人</td><td align="center">'+dorm.colleges+'</td>	<td align="center">	'+dorm.profession+'</td><td align="center">'+clazz+'</td><td align="center">'+dorm.dormType+'</tr>'
			$("#dormAddTable tr:eq(0)").after($(tr));
			$("table#dormAddTable tr:gt(0):odd").css('background','#deefff'); 
			$("table#dormAddTable tr:gt(0):even").css('background','#fff');
		}
		
	//上传宿舍表Excel
	function uploadDormExcel(){
		alert("up");
		var file=$("#upload").attr("value");
		if(file==null || file==""){
			alert("请选择上传的文件!");return;
		}
		var excel=file.substring(file.lastIndexOf(".")); 
		if(excel!=".xls" && excel!=".xlt"){
			alert("请上传'.xls格式的Excel文件!'");
			return;
		}
		$("#import_Dorm_excel_form").attr("action","adminUploadExcel.action?flag=2").submit();
		//$("#import_Dorm_excel_form");
	}
	
	function exportDormExcel() {
	
		$("#import_Dorm_excel_form").attr("action","exportDormExcelDemo.action").submit();
		//document.getElementById("import_Dorm_excel_form").submit();
	}
	$(function(){
		var dormList=[];
		
		if('${sessionScope.dormList}'!=''){
		
			dormList='${sessionScope.dormList}';
			dormList=eval("("+dormList+")")
		}
		
		for(var i=0;i<dormList.length;i++){
			
			showAddDorm(eval(dormList[i]));
		}
		updateResultIndex()
	})
	function chooseSigleImport()
	{
		$("#d1").show();
		$("#d2").hide();
	}
	function chooseLotImport()
	{
		
		$("#d1").hide();
		$("#d2").show();
	}
	function dlBtnEnable(enable)
{

    var dlgButton = $('.ui-dialog-buttonpane button');

    if (enable) {

        dlgButton.attr('disabled', '');

        dlgButton.removeClass('ui-state-disabled');

    } else {

        dlgButton.attr('disabled', 'disabled');

        dlgButton.addClass('ui-state-disabled');

    }

}
function updateResultIndex(){
	$("td[name='addRecodeIndex']").each(function(i,v){
		$(this).html(i+1)
		//limitMaxResult()
	})
	
}
	</script>
	</head>
		<body>
			<div class="adminhead">
				<jsp:include page="head.jsp"></jsp:include>
			</div>
			<div class="adminmain">
				<div class="left">
					<jsp:include page="leftMenu.jsp"></jsp:include>
				</div>
				<div class="right">
					<div id="nav">
						<ul>
							<li class="bg_image_onclick">
								导入床位
							</li>
						</ul>
					</div>
					<div id="sub_info">
						&nbsp;&nbsp;
						<img src="images/hi.gif" />
						&nbsp;
						<span id="show_text">欢迎进入新生报告系统后台管理!</span>您现在正在：信息导入&gt;&gt;&gt;导入床位信息
					</div>

					<div id="man_zone">
						<!--************************************************************-->
						<table width="1077" border="0" align="center" cellpadding="1"
							cellspacing="5" height="70">
							<tr>
								<td width="74%">
									<div>
										<table width="100%" id="d1" border="0">
											<tr>
												<td width="10%" align="right">
													宿舍号：
												</td>
												<td width="18%">
													<input type="text" size="15" id="dormNumberInput" />
												</td>
												<td width="10%" align="right">
													学院：
												</td>
												<td width="18%">
													<select name="" id="collegesList">
														<option>
															--请选择学院--
														</option>
													</select>
												</td>
												<td width="11%" align="right">
													专业名称:
												</td>
												<td width="19%">
													<select name="" id="professionsList">
														<option>
															--请选择学院--
														</option>
													</select>
												</td>
												<td width="5%" align="right">
													&nbsp;
													<br />
												</td>
												<td width="8%">
													&nbsp;
												</td>
												<td width="1%" align="right">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td align="right">
													班级：
												</td>
												<td>
													<select name="" id="classesList">
														<option>
															--请选择专业--
														</option>
													</select>
												</td>
												<td align="right" colspan="2">
													可入住人数：
													<input type="text" size="3" id="bedRestNumber"
														onkeyup="validateRestNumberInput(this)" />
													&nbsp;人
												</td>
												<td align="right">
													宿舍类型:
												</td>
												<td>
													<select id="dormType">
														<option value="false" selected="selected">
															普通宿舍
														</option>
														<option value="true">
															备用宿舍
														</option>
													</select>
												</td>
												<td width="5%" align="right">
													性别:
												</td>
												<td>
													<select name="" id="sex">
														<option value="true">
															男
														</option>
														<option value="false">
															女
														</option>
													</select>
												</td>
											</tr>
										</table>
										<div id="d2" style="display: none; padding-left: 20px;">
											<form action="" id="import_Dorm_excel_form" method="post"
												enctype="multipart/form-data">
												<input type="file" name="upload" id="upload" />
												&nbsp;&nbsp;
												<input type="button" value="下载模板"
													onclick="exportDormExcel()" />
											</form>
											<font color="red">请选择下载模版,填写内容后再导入</font>
										</div>
									</div>
								</td>
								<td width="19%" style="border-left: 1px dotted red;">
									<div>
										<input name="a" type="radio" value="" checked="checked"
											id="singleImport" onclick="chooseSigleImport()" />
										单个导入
									</div>
									<div>
										<input name="a" type="radio" value=""
											onclick="chooseLotImport()" />
										批量导入
									</div>
								</td>
								<td width="7%">
									<input type="button" value="执行" onclick="addDorm()" />
								</td>
							</tr>
						</table>
						<!--************************************************************-->
						<div id="dormList" style="display: none">
							<h2 style="text-align: center; color: red;">
								刚增加的宿舍列表
							</h2>
							<table width="1000" height="28" border="0" align="center"
								cellpadding="0" cellspacing="1" class="t1"
								style="margin-top: 20px; border: 1px solid #5cb0ff;"
								id="dormAddTable">
								<tr>
									<th width="85" height="24" align="center">
										序号
									</th>
									<th width="100" align="center">
										宿舍号
									</th>
									<th width="109" align="center">
										可入住人数
									</th>
									<th width="173" align="center">
										学院
									</th>
									<th width="186" align="center">
										专业名称
									</th>
									<th width="85" align="center">
										班级
									</th>
									<th width="146" align="center">
										宿舍类型
									</th>

								</tr>
							</table>

							<!--上一页，下一页 结束-->
						</div>
						<!--************************************************************-->
					</div>
					<div id="doLotImportDiv" title="批量导入宿舍" style="display: none">
						<table width="100%">
							<tr>
								<td align="left">
									<font color="red" size="2px">检查数据有效性。。。</font>
									<br />
								</td>
								<td align="right">
									<img src="images/right.png" alt="" width="30px"
										id="checkingImage" />
								</td>
							</tr>
							<tr>
								<td colspan="2">
									<img src="images/progressBar.gif" alt="正在导入。。。"
										id="checkingProgress" />
									<div id="importMessage">

									</div>
								</td>
							</tr>
							<tr>
								<td>

									<div id="importErrorDiv" style="display: none">
										<table id="importErrorTable" width="100%" border="0" style=""
											class="t1">
											<tr style="font-size: 18px; font-weight: bold; color: red">
												<th width="10%" align="center">
													序号
												</th>
												<th align="center">
													错误信息
												</th>
												<tr>
													<tr>
														<td align="center">
															1
														</td>
														<td align="center">
															宿舍号重复
														</td>
													</tr>
										</table>
									</div>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="adminfooter">
				<jsp:include page="footer.jsp"></jsp:include>
			</div>

		</body>
</html>
